.container{

min-height: 100vh;
background-color: #F7F7F7;
}
.header-box{
	background: linear-gradient(#5397FA , #C2DBFD);
}
.header-Head{
	display: flex;
	justify-content: center;
	position: relative;
}
.f-box{
	position: absolute;
	color:#4385F7;
	background-color:rgba(255, 255, 255, 0.7);;
	font-size: 12px;
	padding: 6px;
	border-radius: 16px;
	box-shadow: 2px 2px 5px rgba(255,255,255,0.3);
}
.img-box{
	position: relative;
	padding: 30px 0  50px 0;
	
}
.info-box{
	position: absolute;
	width: 85%;
	background: #fff;
	border-radius: 10px;
	bottom: 53px;
	transform: translateY(100%);
	display: flex;
	padding: 20rpx;
	background-color: #fff;
	flex-wrap: wrap;

}
.info-content{
	display: flex;
	flex-direction: column;
	text-align: center;
	width: 33%;
	
	text{
		width: 100%;
		white-space:nowrap;
		overflow:hidden; 
		text-overflow: ellipsis; 
	}
}
.one{
	background: linear-gradient(#F88682 , #E5433F); 
}
.two{
	background: linear-gradient(#F8C49C , #F79448);
}
.three{
	background: linear-gradient(#FCF7B9 , #EDE05D);
}
.slider-box{
	font-size: 14px;padding:0 15px;padding-top: 10px;
}
.slider-header{
	margin-bottom: 6px;display: flex;justify-content: space-between;
}
.slider-footer{
	width: 100%;height:5px;overflow: hidden;height: 5px;border-radius: 50%;
	background-color: #EFEFEF;
}
.scheme-box{
	background: #4385F7;
	color: #fff;
	font-weight: 600;
	padding-top: 20px;
	.scheme-item{
		display: flex;
		font-size: 20px;
		text-align: center;
		view{
			width: 50%;
			padding: 10px;
		}
	}
	
	.active{
	background: #fff;	
	color: #000;
	border-radius: 10px 10px 0 0;
	}
}
.title-detail{
	font-size: 20px;
	padding: 10px;
	font-weight: 600;
	
}
.p-detail{
	color: #666;
	font-size:14px;
	padding:0 10px ;
}
.y-detail{
	color: #000;
	font-size:14px;
	padding-top:20px ;
}